<div id="main" class="palm-page-header">
	<div class="palm-page-header-wrapper">
		<div class="title left"><center>SageTV -- Help</center></div>
	</div>
</div>
<div class="palm-row single">
	<table>
		<tr>
			<td rowspan="2" style="padding-right:5px"><span id="appImage">[Image Placeholder]</span></td>
			<td valign="bottom">
				<span id="appTitle" style="font-style:oblique; font-size:24px">[Title Placeholder]</span><br />
			</td>
		</tr>
		<tr>
			<td valign="top">
				<span id="appVersion" style="font-size:18px">[Version Placeholder]</span><br />
			</td>
		</tr>
	</table>
</div>
<table class="palm-divider labeled">
	<tr>
		<td class="left" style="width:33%"></td>
		<td class="label" style="color: #ffffff; width:33%">Help Topics</td>
		<td class="right" style="width:33%"></td>
	</tr>
</table>
<!-- A Drawer -->
<table class="palm-divider collapsible" id="setupDiv" x-mojo-touch-feedback="delayed">
	<tr>
		<td class="left"></td>
		<td class="label" style="color: #ffffff">
			<span>Web Server Setup</span>
		</td>
		<td class="line" width="100%"></td>
		<td><div id="setupButton" class="palm-arrow-closed arrow_button"></div></td>
		<td class="right"></td>
	</tr>
</table>
<div id='setupDrawer' x-mojo-element="Drawer">
	<div class="palm-row single">
		<div id="setupDrawerContainer" class="drawerContainer">
			<span><strong>Installing the Webserver:</strong><br /><br />
			Before you can use this application, you need to have nielm's Webserver for SageTV properly installed and configured. This guide will focus on SageTV 7.<br />
			In SageTV 7, plugins have been integrated into the application so no more hunting for them then installing them manually on the server. First go to "Setup" > "SageTV Plugins" > "All Available Plugins".<br />
			<img src="images/ss/ss1.png" align="left" /><br />
			From there go to the "General" tab then find "SageTV Web Interface". Select it and choose "Install Server Plugin" if your using SageTV in a Server - Client mode. If your using SageTV in client mode (only have one machine with SageTV Media Server installed) then choose "Install Plugin" as it will be the only option available. Wait for it to install then move on to configuration.<br />
			<img src="images/ss/ss2.png" align="left" /><br /><br /><br />
			<strong>Configuring the Webserver:</strong><br /><br />
			Now go back to the main menu then go to "Setup" > "SageTV Plugins" > "Installed Server Plugins" if your using a server, otherwise "Installed Plugins". From there find "Jetty Web Server" (should be under the "General" tab and select it. From the menu, select "Configure Plugin".<br />
			<img src="images/ss/ss3.png" align="left" /><br />
			Now go through the settings and set your UserName, Password, and other options. SSL requires editing files on the server. There is a guide at the URL shown below the option. When your finished, select "Restart Web Server" from the top of the list. Now the web server should be configured and can be accessed by going to: <pre>http://&lt;server address&gt;:&lt;port&gt;/sage/Home</pre> and typing in your username / password in the dialog box.<br />
			For SageTV 6x and earlier, please refer to the installation instructions on nielm's download page.<br /><br /></span>
		</div>
	</div>
</div>
<!-- SSL Drawer -->
<table class="palm-divider collapsible" id="sslDiv" x-mojo-touch-feedback="delayed">
	<tr>
		<td class="left"></td>
		<td class="label" style="color: #ffffff">
			<span>HTTPS (SSL)</span>
		</td>
		<td class="line" width="100%"></td>
		<td><div id="sslButton" class="palm-arrow-closed arrow_button"></div></td>
		<td class="right"></td>
	</tr>
</table>
<div id='sslDrawer' x-mojo-element="Drawer">
	<div class="palm-row single">
		<div id="sslDrawerContainer" class="drawerContainer">
			<span>HTTPS (SSL) <i>should</i> work but with my testing it doesn't. I have to assume that it is because I'm using a Self-Signed Certificate which by default (and rightly so) causes connections to be blocked unless you manually allow it. As I have found no way to allow Self-Signed Certificates in webOS inside an application, your choices are to buy a Certificate or use HTTP.</span>
		</div>
	</div>
</div>
<!-- AdInfo Drawer -->
<table class="palm-divider collapsible" id="adInfoDiv" x-mojo-touch-feedback="delayed">
	<tr>
		<td class="left"></td>
		<td class="label" style="color: #ffffff">
			<span>Ads & Donations</span>
		</td>
		<td class="line" width="100%"></td>
		<td><div id="adInfoButton" class="palm-arrow-closed arrow_button"></div></td>
		<td class="right"></td>
	</tr>
</table>
<div id='adInfoDrawer' x-mojo-element="Drawer">
	<div class="palm-row single">
		<div id='admobInfoContainer' style="position:relative; height:48px">
			<div id='admobInfoSpawn'></div>
		</div>
		<div id="adInfoDrawerContainer" class="drawerContainer">
			<span>This webOS app makes use of <a href="http://admob.com">AdMob ads</a> as seen above. As this app has been available in one or more ways for over a year as of December 2010, has had a "Donate" link in multiple areas, has has close to 4,000 downloads, and has had not one person donate, I am going to attempt using AdMob ads in this Application to try and make some money (independent programming doesn't pay well).<br /><br />I use AdBlock Plus in my browsers because often websites (and many applications) present ads horribly and in your face, often to such an extreme they end up being distracting from the content.So I've made the ads visable when the application is first launched, but hidable if you'd rather not see them.<br /><br />If you find this application useful and would like to donate out of the kindness of your heart, you can donate using the "Donate" bubble at the bottom of the screen. It uses paypal and you can specify any ammount.<br /><br /><center><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&amp;business=thegodfaza%40gmail%2ecom&amp;lc=US&amp;item_name=SageTV%20Remote&amp;currency_code=USD&amp;bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted" rel="nofollow"><img style="width:auto !important; height:auto !important;" src="images/btn_donateCC_LG.gif" /></a></center><br /><div x-mojo-element="Button" id="donateEMail_button"></div>Be sure to specify your email address as the recipient.</span>
		</div>
	</div>
</div>
<!-- Welcome Drawer -->
<!--
<table class="palm-divider collapsible" id="welcomeDiv" x-mojo-touch-feedback="delayed">
	<tr>
		<td class="left"></td>
		<td class="label" style="color: #ffffff">
			Welcome
		</td>
		<td class="line" width="100%"></td>
		<td><div id="welcomeButton" class="palm-arrow-expanded arrow_button"></div></td>
		<td class="right"></td>
	</tr>
</table>
<div id='welcomeDrawer' x-mojo-element="Drawer">
	<div class="palm-row single">
		<div style="padding-left:4px">
			Content
		</div>
	</div>
</div>
-->
<!-- Top & bottom fades -->
<div class="scene-fade bottom" x-mojo-scroll-fade="bottom"></div>
<div class="scene-fade top" x-mojo-scroll-fade="top"></div>
<!-- A Drawer -->
<!--
<table class="palm-divider collapsible" id="defaultDiv" x-mojo-touch-feedback="delayed">
	<tr>
		<td class="left"></td>
		<td class="label" style="color: #ffffff">
			Title
		</td>
		<td class="line" width="100%"></td>
		<td><div id="defaultButton" class="palm-arrow-expanded arrow_button"></div></td>
		<td><div id="defaultButton" class="palm-arrow-closed arrow_button"></div></td>
		<td class="right"></td>
	</tr>
</table>
<div id='defaultDrawer' x-mojo-element="Drawer">
	<div class="palm-row single">
		Content
	</div>
</div>
//-->